<!DOCTYPE html>
<html lang="en" id="__anyshare">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <link rel="stylesheet" href="/iconfont.css" />
    <link rel="stylesheet" href="/animate.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- <%-  data3DUrl  %> -->
    <!-- <%-  injectMeta  %> -->
    <title>华润雪花项目管理平台</title>
    <%- injectMeta %>
    <link href="/ecm/css/anyshare.sdk.css" rel="stylesheet" />
    <script src="/ecm/js/anyshare.sdk.js" defer></script>
    <%- cnzzUrl %>
    <script type="text/javascript">
      document.write(
        unescape(
          "%3Cspan class='cnzz_span' id='cnzz_stat_icon_1281273192'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z_stat.php%3Fid%3D1281273192%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"
        )
      );
    </script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/Sortable/1.13.0/Sortable.js"></script> -->
    <!-- <script type="text/javascript" src="./jssdk/BimfaceSDKLoader@latest-release.js" charset="utf-8"></script>
    <script type="text/javascript" src="./jssdk/preview.js" charset="utf-8"></script> -->
    <script>
      window.process = {};
      var showConfirm = true;
      var errorListener;
      if (window.addEventListener) {
        errorListener = window.addEventListener(
          "error",
          function (t) {
            console.log("t:", t);
            if (!t.message) {
              if (t.target.as === "script" && showConfirm) {
                showConfirm = false;
                if (window.confirm("资源加载异常，请点击确定按钮刷新页面!")) {
                  errorListener = null;
                  window.removeEventListener("error", null);
                  window.location.reload();
                }
              }
              return;
            }
          },
          !0
        );
      }
    </script>
    <!-- <script
      src="https://crbgpt-plus.crb.cn/js/iframe.js"
      id="chatbot-iframe"
      data-bot-src="https://fastgpt-plus.crb.cn/chat/share?shareId=rn6cunjzo63ooqqpxjobpa30"
      data-default-open="false"
      data-drag="true"
      data-open-icon=''
      data-close-icon=""
      defer
    ></script> -->
  </head>

  <body>
    <div id="app">
      <style>
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }

        p {
          position: absolute;
          top: 50%;
          left: 50%;
          height: 50px;
          transform: translate(-50%, -50%);
          font-size: 1.2em;
          color: #5298ff;
          letter-spacing: 2px;
        }

        section {
          height: 100vh;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .loading {
          width: 70px;
          height: 40px;
          /* margin:60px auto; */
          text-align: center;
        }

        .loading span {
          width: 6px;
          height: 100%;
          display: inline-block;
          background: #5298ff;
          animation: mymove 1.2s infinite ease-in-out;
          -webkit-animation: mymove 1.2s infinite ease-in-out;
          /*
                mymove代表动画名字
                1.2s代表执行时间
                infinite表示一直循环执行
                ease-in-out表示先慢后快的缓动
            */
        }

        .loading > span:nth-child(2) {
          -webkit-animation-delay: -1s;
          animation-delay: -1s;
        }

        .loading > span:nth-child(3) {
          -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
        }

        .loading > span:nth-child(4) {
          -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
        }

        .loading > span:nth-child(5) {
          -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
        }

        @keyframes mymove {
          0% {
            transform: scaleY(0.4);
          }

          25% {
            transform: scaleY(1);
          }

          50% {
            transform: scaleY(0.4);
          }

          75% {
            transform: scaleY(0.4);
          }

          100% {
            transform: scaleY(0.4);
          }
        }

        @-webkit-keyframes mymove {
          0% {
            transform: scaleY(0.4);
          }

          25% {
            transform: scaleY(1);
          }

          50% {
            transform: scaleY(0.4);
          }

          75% {
            transform: scaleY(0.4);
          }

          100% {
            transform: scaleY(0.4);
          }
        }
      </style>
      <section>
        <div class="loading">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </div>
        <!-- <p>加载中...</p> -->
      </section>
    </div>

    <style>
      .cnzz_span {
        display: none;
      }
    </style>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
